<template>
    <div>
        <el-container>
            <el-header>
                <Header></Header>
            </el-header>
            <el-container>
                <el-aside style="width: 200px" :style="'height:'+ (fullHeight - 60) + 'px;'">
                    <AdminNav></AdminNav>
                </el-aside>
                <el-main :style="'height:'+ (fullHeight - 60) + 'px;'">
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
    import AdminNav from '../../components/frontDeskCom/adminNav'
    import Header from '../../components/publicCom/header'
    export default {
        name: "index",
        components:{
            AdminNav,Header
        },
        data(){
            return{
                fullHeight:document.documentElement.clientHeight
            }
        },
        mounted(){
            const that = this
            window.onresize = ()=>{
                return (()=>{
                    window.fullHeight = document.documentElement.clientHeight
                    that.fullHeight = window.fullHeight
                })()
            }
        },
    }
</script>

<style scoped lang="less">

</style>